//第一个ajax请求
function ajax(url, el) {
  let container = document.querySelector(".container");
  fetch(url)
    .then((body) => body.json())
    .then((res) => {
      res.result.forEach((item) => {
        let li = _c("li");
        el = `<div id='${item.brandTitleId}'>
            <span>${item.brandTitle}</span>
            <i></i>
            </div>`;
        li.innerHTML = el;
        container.appendChild(li);
        ajax2(li);
      });
    });
}
// 第二个ajax请求
function ajax2(li, el = "") {
  // console.log(li)
  let id = $(li).find("div").attr("id");
  // console.log(id)
  fetch(`http://chst.vip:1234/api/getbrand?brandtitleid=${id}`)
    .then((body) => body.json())
    .then((res) => {
      let div = _c("div");
      res.result.forEach((item) => {
        el += `<div id='${item.brandId}'>
            <span>${item.brandId + 1}</span>
            <i>${item.brandName}</i>
            <p>${item.brandInfo}</p>
            </div>`;
      });
      div.innerHTML = el;
      li.appendChild(div);
      // li.setAttribute('id',item.brandTitleId)
      setQueryString(li);
      slide(li);
    });
}

function slide(li) {
  $(li).children().last().slideUp(0).attr("flag", false).attr("class", "up");
  $(li)
    .children()
    .first()
    .click(function () {
      let flag = $(li).children().last().attr("flag");
      if (flag == "false") {
        $(this).siblings().slideDown().attr("flag", true);
        console.log();
        $(this).parent().siblings().find(".up").slideUp().attr("flag", false);
      } else {
        $(this).siblings().slideUp().attr("flag", false);
      }
    });
}

// 动态传参
function setQueryString(li) {
  li.addEventListener(
    "click",
    function (e) {
      let arr = [...e.path].reverse();
      if (arr.length === 9) {
        let _this = arr[7];
        let id = _this.getAttribute("id");
        location.href = `./ppdqlist.html?id=${id}`;
      }
    },
    false
  );
}

ajax("http://chst.vip:1234/api/getbrandtitle");
